<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>知识图谱</title>

    <!-- CSS -->
    <link href="assets/css/fonts/fontawesome/all.min.css" rel="stylesheet">
    <link href="assets/css/fonts/beid.css" rel="stylesheet">

    <link href="assets/css/main.css" rel="stylesheet">
    <link href="assets/css/styles.css" rel="stylesheet">

    <!-- JQVMAP -->
    <link href="assets/plugins/jqvmap/jqvmap.min.css" rel="stylesheet">

    <!-- dateRangePicker -->
    <link href="assets/plugins/daterangepicker/daterangepicker.css" rel="stylesheet">

    <!-- Favicons -->
    <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">
    <link rel="icon" href="assets/img/favicon.png">

    <!-- Fonts -->
    <link href="assets/fonts/inter/inter.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i"
          rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
          rel="stylesheet">

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="body">

<!-- header -->
<header class="main-header">
    <!-- nav -->
    <nav class="main-navbar navbar navbar-expand-lg navbar-light shadow-2">
        <div class="lnav-box d-flex">
            <div class="logo-wrapper px-3 d-none d-md-flex">
                <img src="assets/img/logo.png" alt="Logo">
            </div>
            <div class="sidebar-toggler-wrapper ml-auto">
                <button class="p-collapsing-sidebar-toggler sidebar-toggler-secondary transition rounded-circle"
                        data-collapsing="partially" data-collapsing-target="#adminNav" type="button">
                    <span class="icon-menu-options"></span>
                </button>
            </div>
        </div>
        <div class="d-none d-lg-block ml-0 mr-auto pl-4">

        </div>
        <div class="pr-6">
            <ul class="nav sec-nav navbar-nav flex-row">

                <li class="user-item nav-item dropdown">
                    <a class="user-link nav-link d-inline-flex align-items-center h-100 small-1 pl-1 pl-sm-3 pr-0"
                       href="#" id="dropdownAdmin_02" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <img class="rounded-circle Avatar-rounded-circle" src="./assets/img/user.png" alt="" style="position: absolute;top: 4px;left: -35px;border: none;width: 38px;height: 38px;border: 2px solid;">
                        <div class="d-none d-sm-block lh-1">
                            <div class="lh-5">张三</div>
                            <span class="small-3"><i class="fas fa-circle text-warning small-5"></i> 在线</span>
                        </div>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right shadow-1 py-3 position-absolute mt-2"
                         aria-labelledby="dropdownAdmin">

                        <a class="dropdown-item" href="#"><span class="icon-power-on-buton mr-2"></span>退出</a>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
    <!-- /.nav -->
</header>
<!-- /.header -->

<!-- main -->
<main>
    <!-- sidebar -->
    <nav id="adminNav"
         class="main-sidebar p-collapsing-sidebar sidebar-fixed sidebar-left d-flex flex-column p-collapse">
        <div class="main-sidebar-inner" data-scrollbar="sidebar">
            <ul class="sidebar-nav sidebar-nav-light-hover list-unstyled text-unset small-3 fw-600 content-list">
                <li class="nav-item-now text-light transition">
                    <a href="atlas.html" style="height: 52.5px;padding: 12px 16px 12px 16px;"
                       class="nav-link nav-link-border">
                        <i class="fas fa-desktop"></i> <span class="p-collapsing-title">知识图谱</span>
                    </a>
                </li>

                <li class="nav-item text-light transition">
                    <a href="warning.html" style="height: 52.5px;padding: 12px 16px 12px 16px;"
                       class="nav-link nav-link-border">
                        <i class="fas fa-exclamation-circle"></i> <span class="p-collapsing-title">智能预警</span>
                    </a>
                </li>

                <li class="nav-item text-light transition">
                    <a href="message-management.html" style="height: 52.5px;padding: 12px 16px 12px 16px;"
                       class="nav-link nav-link-border">
                        <i class="fas fa-chart-bar"></i> <span class="p-collapsing-title">预警消息管理</span>
                    </a>
                </li>

                <li class="nav-item text-light transition">
                    <a href="document-management.html" style="height: 52.5px;padding: 12px 16px 12px 16px;"
                       class="nav-link nav-link-border">
                        <i class="fas fa-file-contract"></i> <span class="p-collapsing-title">预案管理</span>
                    </a>
                </li>

                <li class="nav-item text-light transition">
                    <a href="corpus-management.html" style="height: 52.5px;padding: 12px 16px 12px 16px;"
                       class="nav-link nav-link-border">
                        <i class="icon-menu-grid"></i> <span class="p-collapsing-title">语料库管理</span>
                    </a>
                </li>

                <li class="nav-item text-light transition">
                    <a aria-expanded="false" data-toggle="collapse"
                       class="sbr-collapse nav-link nav-link-border collapser collapser-active open">
                        <i class="far fa-sticky-note"></i> <span class="p-collapsing-title">组织架构管理</span>
                    </a>
                    <div class="collapse nav-collapse collapse show">
                        <ul class="list-unstyled">
                            <li class="nav-item">
                                <a href="user-management.html" class="p-collapsing-title nav-link">
                                    <span>用户管理</span>
                                </a>
                            </li>

                            <li class="nav-item">
                                <a href="organization-management.html" class="p-collapsing-title nav-link">
                                    <span>组织管理</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li class="nav-item text-light transition">
                    <a aria-expanded="false" data-toggle="collapse"
                       class="sbr-collapse nav-link nav-link-border collapser collapser-active open">
                        <i class="far fa-clone"></i> <span class="p-collapsing-title">日志管理</span>
                    </a>
                    <div class="collapse nav-collapse collapse show">
                        <ul class="list-unstyled">
                            <li class="nav-item ">
                                <a href="user-log.html" class="p-collapsing-title nav-link">
                                    <span>用户登录记录</span>
                                </a>
                            </li>

                            <li class="nav-item">
                                <a href="operation-log.html" class="p-collapsing-title nav-link">
                                    <span>操作记录</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
    <!-- /.sidebar -->

    <!-- main content -->
    <div class="main-container">

        <div class="overflow-hidden">
            <div id="dashboard">
                <!-- content-header -->

            </div>
        </div>
        <div class="iframeBox">
<!--            <iframe src="https://www.bilibili.com/"></iframe>-->
        </div>

        <!-- footer -->
        <footer id="footer" class="footer">
            <div class="container-fluid">
                <div class="row gutters-y align-items-center">

                    <div class="col-md-6 col-lg-7 order-lg-last d-none d-md-block">
                        <div class="nav nav-bold-style justify-content-end text-uppercase px-2">
                            <a class="nav-link" href="#">Terms of use</a>
                            <a class="nav-link" href="#">Privacy Policy</a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- /.footer -->
    </div>
</main>
<!-- /.main -->

<!-- offcanvas - search -->
<div id="offcanvas-search" class="offcanvas h-100 py-8" data-animation="fadeDown" data-scrollbar="offcanvas">
    <div class="row">
        <div class="col-sm-1 order-sm-last">
            <button type="button" data-toggle="offcanvas-close"
                    class="close float-right mr-lg-6 text-light o-1 lead-2 fw-100" data-dismiss="offcanvas"
                    aria-label="Close">
                <span aria-hidden="true" class="icon-close"></span>
            </button>
        </div>
        <form class="col-sm-11 col-lg-10 mx-auto input-rounded form-inline position-relative w-100 mt-0">
            <div class="input-group bg-none border-0 w-100">
                <input class="form-control form-control-lg rounded-0 bg-none pl-0 h-auto fs-6 display-md-4 display-xl-2 fw-600"
                       type="text" aria-label="Search" placeholder="Search for...">
            </div>
            <hr class="w-100 o-25 border-white mt-0">
            <div class="row gutters-y w-100">
                <div class="col-lg-3">
                    <h5 class="text-uppercase text-light mb-6"><i class="fas fa-long-arrow-alt-right"></i> Categories
                    </h5>
                    <ul class="list-unstyled pl-4">
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>Architecture</strong> (800)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>Art & Illustration</strong> (317)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>Business & Corporate</strong> (419)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>Culture & Education</strong> (672)</a>
                        </li>
                        <li class="mb-0">
                            <a href="#" class="tag-item"><strong>E-Commerce</strong> (272)</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-3">
                    <h5 class="text-uppercase text-light mb-6"><i class="fas fa-long-arrow-alt-right"></i> Tags</h5>
                    <ul class="list-unstyled pl-4">
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>360</strong> (128)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>3D</strong> (42)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>Animation</strong> (4105)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>Apps</strong> (319)</a>
                        </li>
                        <li class="mb-0">
                            <a href="#" class="tag-item"><strong>Apps</strong> (319)</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-3">
                    <h5 class="text-uppercase text-light mb-6"><i class="fas fa-long-arrow-alt-right"></i> Technologies
                    </h5>
                    <ul class="list-unstyled pl-4">
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>AngularJS</strong> (629)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>Apache</strong> (241)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>Bootstrap</strong> (751)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>CloudFire</strong> (209)</a>
                        </li>
                        <li class="mb-0">
                            <a href="#" class="tag-item"><strong>CloudFire</strong> (107)</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-3">
                    <h5 class="text-uppercase text-light mb-6"><i class="fas fa-long-arrow-alt-right"></i> Countries
                    </h5>
                    <ul class="list-unstyled pl-4">
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>United States</strong> (1605)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>France</strong> (569)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>Business & Corporate</strong> (419)</a>
                        </li>
                        <li class="mb-4">
                            <a href="#" class="tag-item"><strong>United Kingdom</strong> (672)</a>
                        </li>
                        <li class="mb-0">
                            <a href="#" class="tag-item"><strong>Italy</strong> (484)</a>
                        </li>
                    </ul>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- /.offcanvas - search -->

<!-- preloader -->
<div class="preloaderWrapper"></div>

<!-- jQuery -->
<script src="assets/js/jquery.min.js"></script>

<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>

<!-- Chart.js -->
<script src="assets/plugins/chart/Chart.min.js" id="_chartJS_min"></script>
<script src="assets/plugins/chart/Chart.bundle.min.js"></script>
<script src="assets/plugins/chart/chartjs-plugin-annotation.js"></script>
<script src="assets/plugins/chart/chartjs-plugin-labels.js"></script>

<!-- apexcharts -->
<script src="assets/plugins/apexcharts/apexcharts.min.js"></script>

<!-- RangeSlider -->
<script src="assets/plugins/rangeslider/rangeslider.min.js" id="_rangeJS_min"></script>

<!-- Moment -->
<script src="assets/plugins/lib/moment/moment.min.js"></script>

<!-- JQVMAP -->
<script src="assets/plugins/jqvmap/jquery.vmap.min.js" id="_JQVMAP"></script>
<script src="assets/plugins/jqvmap/maps/jquery.vmap.world.js"></script>

<!-- dateRangePicker -->
<script src="assets/plugins/daterangepicker/daterangepicker.js" id="_DateRangeJS_min"></script>

<!-- User JS -->
<script src="assets/js/scripts.js"></script>

<!-- Main JS -->
<script src="assets/js/main.js" id="_mainJS" data-plugins="load"></script>

<!-- Modules -->
<script src="assets/js/modules.js"></script>

</body>
</html>

<style>
    .p-collapsing-sidebar > .nav-link {
        width: 55px;
        padding: 0;
    }

    .nav-item:hover {
        background: rgba(255, 255, 255, 0.15);
    }

    .nav-item-now {
        background: linear-gradient(36deg, #24C9F6, #2af270);
        color: rgba(1, 0, 31, 0.9);
    }

    .nav-item-now .p-collapsing-title,
    .nav-item-now i {
        color: rgba(1, 0, 31, 0.9);
    }

    iframe{
        width: 100%;
        height: 85vh;
        border: 1px solid #12231f;
        margin-bottom: -8px;
    }
    .Avatar-rounded-circle {
        border-radius: 50% !important;
        height: 40px;
        width: 40px;
        text-align: center;
        border-style: solid;
        line-height: 35px;
    }

</style>